@charset "utf-8";
/*-----------------

*Filename:style.css
*Description:CSS
*Author:dawn
*Date:2016-10-09

-------------------*/
*{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, "微软雅黑";
}
ul, ol, li{
	list-style-type: none;
}
a{  
	text-decoration: none; 
	color: black;
}
a:hover{
	color: #1457a0;
}
.center{
	margin: 0 auto;	
}
.w1200{
	width: 1200px;
}
.floatl{
	float: left;
}
.floatr{
	float: right;
}
.clear{
	clear: both;
}

.top-wrap{
	width: 100%;
	height: 40px;
	
	background-color: #142c4e;
	border-bottom: #ddd 1px solid;
}
.top-wrap .top-w{
	
}
.top-wrap .top-w p{
	font-size: 12px;
	line-height: 40px;
	color: #fff;
}
.nav{
}
.nav .logo{
	line-height: 100px;
}
.nav .logo img{
	vertical-align: middle;
}
.nav > ul > li{
	float: left;
	line-height: 100px;	
	text-align: center;

}
.nav > ul > li > a{
	display: inline-block;
	width: 90px;
}
.nav ul li a:hover{
	color: #90c31f;
	border-bottom: 2px solid #142c4e;
}
.nav > ul > li > .down-list-w{
	display: none;
	position: absolute;
	left: 0;
	z-index: 999;
	width: 100%;
	background-color: #e5e9ec;

}
.nav > ul > li:hover > .down-list-w{
	display: block;
}
.nav > ul > li > .down-list-w ul{
	overflow: hidden;
}
.nav > ul > li > .down-list-w li a{
	display: block;
	float: left;
	width: 200px;
	line-height: 80px;
max-height: 80px;
	overflow: hidden;
	color: #142c4e;
box-sizing: border-box;
}
.nav > ul > li > .down-list-w li a:hover{
	color: #90c31f;
}
	.focusBox {margin: 0 auto;}
	.focusBox .pic{ position:relative; z-index:0; }
	.focusBox .pic li { height:670px; }
	.focusBox .hd { width:100%; position: absolute; top: 740px; text-align: center; font-size:0; z-index:1; }
	.focusBox .hd li{margin: 0 5px; width:10px; height: 10px; overflow: hidden; cursor: pointer;
		display:inline-block; *display:inline; zoom:1; background-color: #fff; border-radius: 8px; border: #fff 2px solid;
	}
	.focusBox .hd .on{ background-color: rgba(255, 255, 255, 0.1);}
.column{
	
}
.column .side{
	margin-bottom: 60px;
	width: 240px;
	height: 280px;
	border: 2px solid #eee;
}
.column .side p{
	margin-left: 50px;
	margin-top: 50px;
}
.column .side p.tit{
	font-size: 30px;
	color: #1457a0;
	font-weight: 600;
}
.column .side p.about{
	font-size: 30px;
	color: #bfbebe;
}
.column .side p.more a{
	color: #777777;
}
.column .side p.more a:hover{
	color: #1457a0;
}
.column > .floatr img{
	width: 390px;
	height: 280px;
}
.column > .about{
	margin-left: 40px;
	float: left;
	width: 500px;
}
.column > .about .tit{
	font-weight: 500;
	font-size: 24px;
	color: #90c31f;
}
.column > .about .tite{
	font-weight: 500;
	font-size: 20px;
	color: #90c31f;
}
.column > .about .intro{
	margin: 20px 0;
	color: #7a7a7a;
	font-size: 14px;
	line-height: 26px;
}
.column > .about .more a{
	color: #7a7a7a;
}
.column1-wrap{
	position:relative;
	width: 100%;
	height: 575px;
	background-color: #e7f1f7;
	overflow: hidden;
}
.column1 p{
	text-align: center;
}
.column1 p.tite{
	margin-top: 70px;
	font-size: 32px;
	color: #90c31f;
	font-weight: 600;
}
.column1 p.tit{
	line-height: 45px;
	font-size: 26px;
	color: #90c31f;
	border-bottom: 2px solid #fff;
	font-weight: 600;
}
	.focusBox1 {margin: 0 auto;}
	.focusBox1 .pic{ position:relative; z-index:0; }
	.focusBox1 .pic li {  width: 270px;float: left; margin: 30px 15px;}
	.focusBox1 .pic li p{ line-height: 40px;}
	.focusBox1 .pic li img{ width: 270px; height: 230px; zoom: 1; }
	.focusBox1 .hd { position: absolute; left: 49%;top: 490px; text-align: center; font-size:0; z-index:1; }
	.focusBox1 .hd li{margin: 0 5px; width:10px;  height: 10px; overflow: hidden; cursor: pointer;
		display:inline-block; *display:inline; zoom:1; background-color: #d2d2d2;
	}
	.focusBox1 .hd .on{ background-color: #90c31f;}
.column2-wrap{
	position:relative;
	height: 600px;
	overflow: hidden;
}

.column2 p.tite{
	margin-top: 70px;
	font-size: 32px;
	color: #90c31f;
	font-weight: 600;
	text-align: center;
}
.column2 p.tit{
	line-height: 45px;
	font-size: 26px;
	color: #90c31f;
	border-bottom: 2px solid #d2d2d2;
	font-weight: 600;
	text-align: center;
}
.column3{
	overflow: hidden;
	height: 630px;
}
.column3 > p{
	line-height: 60px;
	text-align: center;
}
.column3 > p.tite{
	margin-top: 50px;
	font-size: 32px;
	color: #90c31f;

	font-weight: 600;
	text-align: center;
}
.column3 > p.tit{
	line-height: 45px;
	font-size: 26px;
	color: #90c31f;
	border-bottom: 2px solid #d2d2d2;
	font-weight: 600;
	text-align: center;
}
.column3 ul{
	margin-top: 50px;
}
.column3 ul li{
	overflow: hidden;
	float: left;
	width: 280px;
	height: 320px;
	border: 1px solid #ccc;
	margin-left: 36px;
}
.column3 ul li .date a{
	position: relative;
	display: block;
	height: 140px;
}
.column3 ul li .date1{
	width: 70px;
	height: 70px;
	background-color: #1b6ec8;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
}
.column3 ul li .date1 .date2{
	font-weight: 600;
	font-size: 32px;
	line-height: 45px;
}
.column3 ul li.first{
	width: 560px;
	margin-left: 0;
}
.column3 ul li.first .date a{
	display: block;
	height: 210px;
}
.column3 ul li .tit{
	margin: 0 15px;
} 
.column3 ul li .tit .title a{
    margin: 20px 0;
	max-height: 40px;
	overflow: hidden;
	display: block;
	margin: 20px 0;
	vertical-align: middle;
}
.column3 ul li.first .tit .title a{
	max-height: 20px;
	overflow: hidden;
}
.column3 ul li.first .tit .intro{
	max-height: 40px;
	overflow: hidden;
}
.column3 ul li .tit .intro a{
	color: #9a9a9a;
}
.focusBox2 { position: relative; width:1200px; padding-top: 60px; }
	.focusBox2 .pic{ position:relative; z-index:0; text-align: center;}
	.focusBox2 .pic li{float: left; text-align: center;}
	.focusBox2 .pic img { width:300px; height:300px; display: block; }
	.focusBox2 .pic li p{position: absolute; z-index: 999; color: #fff; bottom: 0;width:300px; line-height:36px;background-color: rgba(0, 0, 0, 0.6)}
	.focusBox2 .prev,
	.focusBox2 .next { width: 30px; height: 40px; margin: -80px 0 0;  background: url(../images/ad_ctr.png) no-repeat 0 0; background-size: 29px;position: absolute; top: 80%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.6;  }
	.focusBox2 .next{transform: rotate(180deg)}
	.focusBox2 .prev { left: -80px; }
	.focusBox2 .next { background-position: 0 -90px; right: -80px; }
	.focusBox2 .prev:hover,
	.focusBox2 .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.footer-wrap{
	width: 100%;
	background-color: #142c4e;
}
.footer{
	overflow: hidden;

	padding: 35px 0;
}
.footer > ul{

}
.footer > ul > li{
	float: left;
	width: 170px;
    margin-right: 20px;
}
.footer ul > li h4 a{
	display: block;
	margin-bottom: 30px;
	font-weight: 600;
	font-size: 16px;
	color: #90c31f;

}
.footer ul > li a{
	color: #fff;

}

.footer ul > li a:hover{
	color: #1457a0;
}
.footer > ul > li:last-child{
	width: 170px;
	
}
.footer > ul > li:nth-last-child(2){
	width: 170px;


}
.footer > ul > li:nth-last-child(2) li{
	display: inline-block;
	width: 170px;
}
.footer > ul > li:nth-last-child(2) ul li:last-child,
.footer > ul > li:nth-last-child(2) ul li:nth-last-child(2),
.footer > ul > li:nth-last-child(2) ul li:nth-last-child(3),
.footer > ul > li:nth-last-child(2) ul li:nth-last-child(4){

	width: 160px;
}

.footer > ul > li:nth-last-child(3){
	padding-left: 50px;

	width: 170px;

}
.footer > ul > li:nth-last-child(4){
	width: 140px;
	height: 230px;
}
.footer > ul > li:nth-last-child(4) ul li{
	display: inline-block;
	width: 140px;

}
.footer > ul > li > ul li{
	max-height: 22px;
	line-height: 22px;
	overflow: hidden;
	
}
.footer-r{
	width: 220px;
	text-align: center;
}
.footer-r img{
	
	margin-top: 30px;
}
.footer-r > p{
	text-align: center;
	color: white;
	line-height: 40px;
}
.footer-r li.first > a{
	display: block;
	padding: 10px;
	border: 1px #90c31f solid;
	color: #90c31f;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.footer-r ul li > .f-show{
	display: none;
	position: absolute;
}
.footer-r ul li > .f-show p > a{
	width: 220px;
	line-height: 30px;
	background-color: #fff;
	color: #000;
    display: block;
}
}
.footer-r li.first {

}
.footer-r ul li.first:hover .f-show{
 	display: block;
}


.f-wrap{
	width: 100%;
	color: #fff;
	border-top: 1px solid #fff;
	background-color: #142c4e;
	line-height: 40px;
}
.f-wrap p{
	text-align: center;
	
}
.f-wrap p span{
	margin-left: 20px;
}
.main-about-wrap{
	background:url(../images/about-bg.jpg) center top no-repeat;
	width: 100%;
	overflow: hidden;
	height: 1930px;
}
/*about start*/
.main-about .title{
	color: #000;
	padding: 50px 0;
}
.main-about .title h3{
	font-size: 26px;
	line-height: 50px;
	color: #90c31f;
	font-weight: 900;

}
.main-about .content1{
	height: 315px;
	margin-top: 20px;
}
.main-about .content1 ul{

}
.main-about .content1 ul li{
	margin-left: 5px;
	padding: 25px;
	width: 245px;
	height: 260px;
	float: left;
	background-color: #fff;
	color: #fff;
}
.main-about .content1 ul li .tit{
	font-size: 16px;
	font-weight: 600;
	line-height: 35px;
}
.main-about .content1 ul li .intro{
	font-size: 12px;
}
.main-about .content1 ul li a{
	display: block;
	float: right;
	line-height: 40px;
	color: #fff;
}
.main-about .content1 ul li h5{
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px;
}
.main-about .content1 ul li:last-child{
	color: #fff;
}
.main-about .content1 ul li:last-child a{
	color: #fff;
}
.main-about .content2{
	height: 315px;
}
.main-about .content2 ul{
}
.main-about .content2 ul li{
	margin-left: 5px;
	padding: 25px;
	width: 245px;
	height: 260px;
	float: left;
	background-color: #fff;
	color: #fff;
	margin-bottom: 5px;

}
.main-about .content2 ul li .tit{
	font-size: 16px;
	font-weight: 600;
	line-height: 35px;
}
.main-about .content2 ul li a{
	display: block;
	float: right;
	line-height: 60px;
	color: #fff;
}
.main-about .content2 ul li .intro4{
	margin: 30px 0;
	font-size: 12px;
}
.main-about .content3{
	height: 485px;
	margin-bottom: 5px;
}
.main-about .content3 ul li.li2{
	color: #000;
	width: 440px;
}
.main-about .content3 ul li.li2 h4{

}
.main-about .content3 ul li.li2 a{
	color: #000;
}
.main-about .content3 ul li.li2 h5{
	margin-top: 20px;
	line-height: 40px;
	font-size: 16px;
}
.main-about .content3 ul li.li3{
	width: 650px;
	color: #fff;
}
.main-about .content3 ul li.li3 h4{
	margin-bottom: 25px;
	color: #fff;
}
.main-about .content3 ul li.li3 h5{
	margin-top: 20px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
}
.main-about .content3 ul .li3 a{
	color: #fff;	
}
.main-about .content3 ul li.li3 p{
	color: #fff;
}

.main-about .content3 ul li{
	margin-left: 5px;
	padding: 25px;
	height: 435px;
	float: left;
	background-color: #fff;
	color: #fff;
}
.main-about .content3 ul li .tit{
	font-size: 16px;
	font-weight: 600;
	line-height: 45px;
}
.main-about .content3 ul li a{
	display: block;
	float: right;
	line-height: 80px;
	color: #fff;
}
.main-about .content3 ul li:last-child{
	color: #000;
}
.main-about .content3 ul li:last-child .intro{
	margin-bottom: 30px;
}
.main-about .content3 ul li:last-child a{
	color: #fff;
}
.main-about .content4{
	height: 300px;
	
}
.main-about .content4 ul li{
	float: left;	
	margin-left: 5px;
	width: 545px;
	height: 250px;
	padding: 25px;
}
.main-about .content4 ul li.li2{
	background-color: #fff;
}
.main-about .content4 ul li.li2 > h4{
	line-height: 40px;
	font-size: 18px;
}
.main-about .content4 ul li.li2 > a{
	float: right;
	line-height: 60px;
}
/*about over*/

/*goodlist1 start*/
.banner-a-wrap{
	height: 200px;
	overflow: hidden;
}
.banner-a h3{
	margin: 30px 0 20px;
	font-size: 26px;
	font-weight: 600;
}
.nav-pos{

}
.nav-pos p{
	margin: 30px 0;
	text-indent: 30px;
}
.sub-nav-wrap{
	overflow: hidden;
}
.sub-nav ul li{
	padding: 0 20px;
	float: left;
	height: 50px;
	line-height: 50px;

}
.sub-nav ul li:hover{
	background: #fff;
}
.goods-list{
	margin: 50px auto 40px;
	overflow: hidden;
}
.goods-list ul li{
	float: left;
	width: 240px;
	height: 300px;
	overflow: hidden;
	margin: 16px 10px;
	border: 1px solid #ccc;
	padding: 15px;
}
.goods-list ul li > a{
	display: block;
	text-align: center;

}
.goods-list ul li h5{
	line-height: 60px;
}
.goods-list ul li > h5 a{
	line-height: 40px;
	padding: 2px 30px 0px 0;
}
.goods-list ul li > h5 a:hover{
	color: #1457a0;
	text-decoration: underline;
}
.goods-list ul li > a img{
	max-width: 240px;
	height: 180px;
}

.pages{
	text-align: center;
	margin-bottom: 50px;
}
.pages span, .pages a{
	margin: 0 2px;
	padding: 5px;
	font-size: 12px;
	border-radius: 6px;
	border: 1px solid #ccc;
}
.pages span:hover, .pages a:hover{
	background-color: #1457a0;
	color: #ccc;
}

/*goodlist1 over*/

.main-art p, .main-art1 p{
color: #343536;
line-height: 2;
}
.main-art h3{
	margin-top: 70px;
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 20px;
}
.main-art p.time{
	padding: 0px 0 25px;
	text-align: center;

}
.main-art1{
	position: relative;
	padding: 60px 0 100px;
	overflow: hidden;
}
	.w3cFocus{ width:604px;  position:relative;  height:550px; padding:10px 0; background:#fff;  float: left;  }
	.w3cFocus .prev,.w3cFocus .next{ position:absolute;  display:block;  left:10px; top:227px; width:46px; height:62px; background:url(../images/focusAdvBg.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;  }
	.w3cFocus .next{ left:auto; right:10px; background-position:-46px 0; }
	.w3cFocus .prev:hover,.w3cFocus .next:hover{ filter:alpha(opacity=100) !important;opacity:.8 !important;  }
	.w3cFocusIn{ width:600px; height:440px; position:relative; }
	.w3cFocusIn .bd li{ vertical-align:middle; }
	.w3cFocusIn .bd li img{ width:600px; height:440px; display:block;  }
	.w3cFocusIn .hd{ position: absolute; left:0px; bottom:-60px;  }
	.w3cFocusIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
	.w3cFocusIn .hd ul li{  position:relative; float:left; display:inline; padding-top:4px;  margin-right:6px; filter:alpha(opacity=80); opacity:0.8;  cursor:pointer;  }
	.w3cFocusIn .hd ul li img{ width:76px; height:46px; border:2px solid #fff; display:block;  }
	.w3cFocusIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1; background:url(../images/focusArrow.png) center 0 no-repeat; }
	.w3cFocusIn .hd ul li.on img{ border:2px solid #3499EA; border-bottom-width:4px;   }
	
.main-art1-con{
	margin-left: 635px;
}
.main-art1-con h4{
	line-height: 60px;
	font-size: 18px;
}
/*goodcases start*/
.goods-cases{
	margin-top: 50px;
}
.goods-cases .goods-cases-side{
	width: 350px;
	margin-right: 40px;
}
.goods-cases .goods-cases-side h3{
	line-height: 50px;
	font-size: 20px;
	font-weight: 600;
}
.goods-cases .cases{

	overflow: hidden;

}
.goods-cases .cases ul {
	overflow: hidden;
	margin: 50px 0;

}
.goods-cases .cases ul li{
	position: relative;
	float: left;
	width: 300px;
	height: 290px;
	overflow: hidden;
	background: rgb(132, 182, 26);
	text-align: center;
}
.goods-cases .cases ul li:hover img{
	opacity: .2;
	z-index: 999;
	width: 300px;
	height: 290px;

}
.goods-cases .cases ul li:hover .show{
	display: block;
}
.goods-cases .cases ul li .show{
	display: none;
	position: absolute;
	top: 40%;
	width: 280px;
	padding: 0 10px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.goods-cases .cases ul li img{
	width: 300px;
	height: 290px;
}
.goods-cases .cases ul li p{
	margin-left: 13px;
	position: absolute; z-index: 999; color: #fff; bottom: 0;width:380px; line-height:36px;background-color: rgba(0, 0, 0, 0.6)}
}
/*goodcases over*/

/*news start*/
.news-list{

}
.news-list ul{
	overflow: hidden;
	margin: 50px auto 30px;;
}
.news-list ul li{
	width: 560px;
	float: left;
	height: 160px;
	margin: 0 0 25px 20px;;
	overflow: hidden;
	background-color: #f0f0f0;
}
.news-list ul li img{
	float: left;
	margin: 15px 25px
}
.news-list ul li h5 a{
	display: block;
	line-height: 60px;
	max-height: 60px;
	overflow: hidden;
	color: #90c31f;
	font-weight: 600;
	font-size: 16px;
}
.news-list ul li p{
	margin-bottom: 10px;
	max-height: 40px;
	overflow: hidden;
}
/*news over*/
/*contact*/
.main-art .cmap h4{
	font-size: 18px;
	font-weight: 900;
}
.main-art .cmap .form > p{
	margin: 40px 0 20px;
}
.main-art .cmap .form .espcms_form_group input{
	width: 530px;
	height: 30px;
	margin-bottom: 15px;
	text-indent: 10px;
}
.main-art .cmap .form .espcms_form_group:last-child input{
	width: 80px;
border:none;
	background-color: #90c31f;
	border-radius: 5px;
	color: #fff;
cursor:pointer;
text-indent: 0;

}
.main-art .cmap .form .espcms_form_group textarea{
	width: 530px;
	height: 130px;
	margin-bottom: 15px;
}
.main-art .cadd{

}
.main-art .cadd h4{
	font-size: 18px;
	font-weight: 600;
}
.main-art .cadd .add{
	line-height: 80px;
}